import React from "react";
import { Checkbox, Radio } from "antd";

function RadioContent() {
  const onChange = () => {};
  return (
    <>
      <Radio.Group defaultValue="a" style={{ marginBottom: 20, marginTop: 20 }}>
        <Radio.Button value="a">我的</Radio.Button>
        <Radio.Button value="b">护理组</Radio.Button>
        <Radio.Button value="c">全病区</Radio.Button>
      </Radio.Group>
      <Radio.Group defaultValue="a" style={{ marginBottom: 20 }}>
        <Radio.Button value="a" style={{ width: 102 }}>
          在科
        </Radio.Button>
        <Radio.Button value="b" style={{ width: 102 }}>
          出科
        </Radio.Button>
      </Radio.Group>
      <Radio.Group defaultValue="a">
        <Radio.Button value="a" style={{ width: 68 }}>
          详卡
        </Radio.Button>
        <Radio.Button value="b" style={{ width: 68 }}>
          简卡
        </Radio.Button>
        <Radio.Button value="c" style={{ width: 68 }}>
          列表
        </Radio.Button>
      </Radio.Group>
      <Checkbox style={{ marginTop: 20 }} onChange={onChange}>
        隐藏空床位
      </Checkbox>
    </>
  );
}

export default RadioContent;
